
.user
{
	padding-bottom:0.5em;
}
.user_my_head {
	height:8em;
	padding:2em 0 0 0;
	background-image:url(images/user/user_head_bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100% auto;
	position: relative;
	-webkit-user-select:none;
	
}
.user_my_head .avatar {
	width:4em;
	height:4em;
	margin:0 auto 0 auto;
	border:solid 0.2em #FFFFFF;
	background-color:#FFF;
	background-image:url(images/user/avatar_loading.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	-webkit-border-radius: 4em;
}
.user_my_head .avatar img {
	width:100%;
	height:100%;
}
.user_my_head .nk {
	width:4em;
	height:2em;
	margin:0 auto 0 auto;
	font-size:1em;
	color:#FFF;
	font-weight:bold;
	line-height:2em;
	text-align:center;
}


.user_my_head .praise {
	position: absolute;
	width:3em;
	height:1em;
	font-size:1em;
	line-height:1em;
	right:0em;
	bottom:2.8em;
	padding:0.8em 2em 1.2em 2em;
	color:#F00;
	background-image:url(images/user/heart_gray.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:3em 3em;
	text-align:center;
}

.user_my_head .praise.yes
{
	background-image:url(images/user/heart_red.png);
	color:#FFF;
	}
	
.user_my_head .praise span {
	display:block;
	font-size:0.6em;
}

.user_my_menu {
	margin-top:0.5em;
	padding:0 0 0 0;
	border-top:solid 1px #d8d8d8;
	-webkit-user-select:none;
}
.user_my_menu li {
	padding:0.5em;
	border-bottom:solid 1px #d8d8d8;
	color:#666;
	line-height:1.5em;
	position: relative;
	font-size:1em;
	background-color:#FFF;
}
.user_my_menu li.down {
	background-color:#F0F0F0;
}
.user_my_menu li span {
	width:2em;
	position: absolute;
	border:solid 1px #CCC;
	right:0.5em;
	background-color:#FFF;
	-webkit-border-radius: 1em;
	padding:0 0.5em;
	color:#F30;
	font-size:0.8em;
	line-height:1.5em;
	text-align:center;
}


.user .list {
	margin:0 0.5em 0.5em 0.5em;
	padding:0;
	-webkit-user-select:none;
}
.user .list li {
	display:block;
	
	padding:0.5em 0.5em 0.5em 0.5em;
	margin-top:0.5em;
	border-top:2px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	border-bottom:2px solid #d9d9d9;
	color:#666;
	background-color:#FFF;
	background-size:3em 3em;
	display: -webkit-box;
	
}
.user .list li .l
{
	-webkit-box-flex: 1;
	margin-right:0.5em;
	}

	
.user .list li .l h3
{
	line-height:1.5rem;
	height:1.5rem;
	font-weight:normal;
	display:block;
	padding:0;
	margin:0;
	overflow:hidden;
	font-size:1em;
	}
.user .list li .l span
{
	line-height:1.5rem;
	height:1.5rem;
	display:block;
	font-size:0.8rem;
	}
	
.user .list li .r
{
	width:2em;
	height:4.5em;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: left;
	-webkit-box-align: center;
	}
.user .list li .r span{
	
	
	display:block;
	text-align:center;
	padding:0.4em;
}
.user .list li .r span.a
{
	background-color: #7fbf4d;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
	border: 1px solid #63a62f;
	border-bottom: 1px solid #5b992b;
	border-radius: 0.2em;
	color:#FFF;
	}
.user .list li .r span.b
{
	background-color: #ee432e;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #b51700));
	border: 1px solid #951100;
	border-radius: 0.2em;
	color:#FFF;
	}
.user .list li .r span.c
{
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
	border: 1px solid #ccc;
	border-radius: 0.2em;
	color:#333;
	}
	
.user .list .down {
	background-color:#ededed;
}

.user_skin
{
	margin:0;
	padding:0 0.5em 0.5em 0.5em;
}
.user_skin li
{
	width:100%;
	padding:0;
	height:3em;
	margin:0.5em 0 0 0;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	color:#FFF;
}

.help{
	padding:0.5em;
	font-size:1em;
	line-height:1.5em;
}
.help p{
}
.help h3{
	font-size:1.2em;
	line-height:1em;
	display:block;
	color:#0076D0;
	border-left:solid 0.2em #0076D0;
	margin:0.3em 0;
	padding:0 0 0 0.2em;
	font-weight:normal;
}
